<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>微信支付</title>
    <link rel="stylesheet" href="./static/css/global.css">
    <link rel="stylesheet" href="./static/css/weChat.css">
    <script src="./static/js/layui.js" charset="utf-8"></script>
    <link rel="stylesheet" href="./static/js/css/layui.css" media="all">
    <script src="./static/js/global/jquery-3.2.1.min.js" charset="utf-8"></script>
</head>

<body>
    <div class="global-title">
        <div>
            <!-- <span class="title-left">嗨，欢迎来贝链嗨购</span> -->
            <div class="title-left-login">
                <span>嗨，欢迎来贝链嗨购</span>
                <div class="title-left-login-user">
                    <img src="./static/img/img1.png" alt="">
                    <span>这里是用户昵称</span>
                </div>
                <a href="./mine.html">个人中心</a>
                <a href="">收藏夹</a>
                <a href="">退出账户</a>
            </div>
            <div class="title-right">
                <a href="/shopLogin.html">供应商登录</a>
                <a href="./help.html">帮助中心</a>
            </div>
        </div>
    </div>
    <div class="global-header">
        <a href="./index.html" class="header-left">
            <img src="./static/img/header_logo.png" alt="">
            <span>支付</span>
        </a>
    </div>

    <header>
        <p>订单提交成功，青金款付款！订单号9000102039</p>
        <div>
            <p>需支付：</p>
            <span>¥900.00</span>
        </div>
    </header>
    <main>
        <div>
            <div>
                <p>
                    距离二维码过期还剩<input type="button" id="btn" value="59" />秒,过期后刷新页面重新获取二维码。
                </p>
                <img onclick="sendemail()" src="static/img/qrcodes.png" alt="">
                <div>
                    <img src="static/img/scan_logo.png" alt="">
                    <p>
                        请使用微信扫一扫<br>
                        扫描二维码支付
                    </p>
                </div>
            </div>
            <img src="static/img/pay_phone.png" alt="">
        </div>
        <section>
            <div></div>
            微信支付
        </section>
    </main>
    <footer>
        <div>
            <img src="static/img/Unionpay.png" alt="">
            <p>银行卡支付</p>
        </div>
        <div>
            <img src="static/img/Alipay_logo.png" alt="">
            <p>支付宝支付</p>
        </div>
    </footer>
</body>
<script type="text/javascript"> 
// 倒计时
$(function(){
    window.onload = sendemail;
    var countdown=59; 
    function sendemail(){
        var obj = $("#btn");
        settime(obj);
        
        }
    function settime(obj) { //发送验证码倒计时
        if (countdown < 0) { 
            obj.attr('disabled',false); 
            countdown = 59; 
            return;
        } else { 
            obj.attr('disabled',true);
            obj.val(countdown);
            countdown--; 
        } 
    setTimeout(function(){ 
        settime(obj)}
        ,1000) 
    }
});
</script>
</html>